<!doctype html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html" charset="utf-8"/>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <title></title>
	<script type="text/javascript" src="/vendor/jquery/dist/jquery.js"></script>
	<!--<script type="text/javascript" src="/scripts/videodetail/detail-ott.js"></script>-->
	<link rel="stylesheet" type="text/css" href="/styles/videodetail/detail-ott.css">
</head>

<body>
<div class="bg"></div>
<div id="content"><div></div></div>
<div class="buttons">
</div>
</body>
<script type="text/javascript">
function getDate(data){
	var data = typeof(data)=="object"?data:eval("("+data+")");
	var info = '';
	var infos = data.data,//video信息
			dataHtml = decodeURIComponent(data.detailHtml),//html
			bgSrc = data.img;//bg
	var str = '';
	$('.bg').html('<img src="'+bgSrc+'" alt="">')

	var _h = $(window.parent.document).find("#previewIframe").css("height");
	console.log(parseInt(_h))
	$('#content').children('div').height(parseInt(_h)-100)
	console.log($('#content').children('div').height())
	$('#content').children('div').html(dataHtml)
	for(var i=0;i<infos.length;i++){
		str+='<a href="#">'+infos[i].videoName+'</a>'
	}
	$('.buttons').html(str);
}
</script>
</html>